layui.config({
    base: '../../static/layuiadmin/' //静态资源所在路径
}).extend({
    index: 'lib/index' //主入口模块
}).use('table', function(){
    var table = layui.table,layer = layui.layer; //独立版的layer无需执行这一句
    table.render({
        elem: '#roleList'
        ,height: 'full-110'
        ,limit:30
        ,url: '/admin/role/list' //数据接口
        ,page: true //开启分页
        ,skin: 'row' //行边框风格
        ,even: true //开启隔行背景
        ,size: 'sm' //小尺寸的表格
        ,cellMinWidth: 80
        ,cols: [[ //表头
            {field: 'id', title: 'id', align:'center' }
            ,{field: 'name', title: '角色名称', align:'center'}
            ,{field: 'remark', title: '角色描述', align:'center'}
            ,{field: 'power', title: '权限等级', align:'center', templet: function (item) {
                    return item.power == 0?"所有权限":"普通权限";
                }}
            ,{field: 'createtime', title: '创建时间', align:'center'}
            ,{fixed: 'right', title: '操作', align:'center', toolbar: '#barDemo'}
        ]]
    });
    //监听行工具事件
        table.on('tool(test)', function(obj){
        var data = obj.data,layEvent = obj.event;
        if(layEvent === 'detail'){
            //  弹出菜单查看
            layer.open({
                type: 2
                ,anim:1
                ,area:['100%', '100%']
                ,title: "菜单权限管理"
                ,btn: ['保存','取消']
                ,content: 'roleMenu.html?id='+data.id
                ,yes: function(index, layero){
                    var iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象，执行iframe页的方法：
                    var tree = iframeWin.tree;//调用子页面的方法，得到子页面返回的ids
                    var checkedData = tree.getChecked('demoId1'); //获取选中节点的数据
                    var menuIds=iframeWin.getsub(checkedData,[]);
                    $.ajax({
                        url:"/admin/role/addRelMenu",
                        type:"get",
                        data:{roleId:data.id,menuIds:menuIds.toString()},
                        success:function (result) {
                            if(result.code==0){
                                layer.msg("操作成功！", {icon: 1,time:2000,shade:0.2});
                                layer.close(index);
                            }

                        }
                    })
                    // layer.close(index);//需要手动关闭窗口
                }
            });
        }else if(layEvent === 'update'){
            layer.open({
                type: 2
                ,area:['480px', '300px']
                ,title: "修改角色"
                ,btn: ['修改','取消']
                ,content: 'addRole.html?id='+obj.data.id
                ,yes: function(index, layero){
                    //监听提交
                    var iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象，执行iframe页的方法：
                    var submit=iframeWin.document.getElementById("submit");
                    submit.click();
                },
                end:function () {
                    $(".layui-laypage-btn").click();
                }
            });
        }else if(layEvent === 'delete'){
            layer.confirm("确定删除该角色吗？",{
                btn:['确定删除','取消']
            },function () {
                $.ajax({
                    url: "/admin/role/delete",
                    data:{id:data.id},
                    type:"GET",
                    success:function (result) {
                        if(result.code==0){
                            layer.msg('删除成功！', {icon: 1,time:2000,shade:0.2});
                            setInterval(function () {
                                window.location.reload();
                            },2000);
                        }
                    },
                    error:function () {
                        layer.alert("删除失败！", {icon: 2,time:2000,shade:0.2});
                    }
                })
            })
        }
    });


    //点击添加按钮
    $("#add").click(function () {
        layer.open({
            type: 2
            ,area:['480px', '300px']
            ,title: "添加角色"
            ,btn: ['添加','取消']
            ,content: 'addRole.html'
            ,yes: function(index, layero){
                // layer.close(index);//需要手动关闭窗口
                //监听提交
                var iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象，执行iframe页的方法：
                var submit=iframeWin.document.getElementById("submit");
                submit.click();
            }
        });
    })

});